@keyframes slide-down {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-up {
  from {
      opacity: 0;
      transform: translateY(40px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes slide-right {
  from {
      opacity: 0;
      transform: translateX(40px);
  }
  to {
      opacity: 1;
      transform: translateX(0);
  }
}

@keyframes slide-left {
  from {
      opacity: 0;
      transform: translateX(-40px);
  }
  to {
      opacity: 1;
      transform: translateX(0);
  }
}

@keyframes append-center {
    from {
      opacity: 0;
      transform: scale(0.75);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }